.audio-wrapper {
  position: relative;
  width: 100%;
  height: 90%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.canvas-mantle {
  position: absolute;
  width: 100%;
  height: 110%;
  background-color: rgba(65, 64, 64, 0.365);
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.audio-img {
  position: relative;
  width: 100%;
  height: 100%;
}

.audio-btn {
  position: relative;
  width: 100%;
  height: 30px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.btnIcon {
  width: 30px;
  height: 30px;
  font-size: 16px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-radius: 50%;
}

.btnIcon:hover {
  box-shadow: 0px 0px 10px 1px rgba(198, 198, 198, 0.429);
}